<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>homePage</title>
	<script type="text/javascript" th:inline="JavaScript">
	</script>
</head>
<body>
	<div th:fragment="daily">
		<style>
			.datepicker table tr td,
			.datepicker table tr th {
				text-align: center;
				width: 30px;
				height: 30px;
				border-radius: 4px;
				border: none;
				color: #333;
			}
			.datepicker table tr td.day.focused,
			.datepicker table tr td.day:hover {
				background: #ddd;
				cursor: pointer;
			}
		</style>
		<div class="daily">
			<!-- abnormal -->
			<!-- 设备异常模态框 -->
			<div class="cd-popup3 abnormal-pop" id="abnormalModal">
				<div class="cd-popup-container3 manageModal abnormalStyle">
					<div class="modal-top"></div>
					<div class="modal-title">设备异常</div>
					<div class="tableModal">
						<div class="fl searchDevBox">设备编号:
							<input type="text" class="form-control searchInputStyle width200 devCodeVal" />
						</div>
						<div class="fl searchDevBox">类型:
							<!-- <input type="text" class="form-control searchInputStyle"/> -->
							<select class="form-control my-form-control devTypeVal">
								<option alarmtype="all" class="select">全部</option>
								<option alarmtype="3">故障</option>
								<option alarmtype="2">低电</option>
							</select>
						</div>
						<div class="fl searchDevBox">时间:
							<input type="text" class="form-control searchInputStyle date startTImeVal" data-provide="datepicker" style="width: 124px;"
							/> 至
							<input type="text" class="form-control searchInputStyle date endTimeVal" data-provide="datepicker" style="width: 124px;"
							/>
						</div>
						<!--<div class="fl searchDevBox">结束时间:
						<input type="text" class="form-control searchInputStyle"/>
					</div>-->
						<div class="fl searchDevBox">处理人:
							<input type="text" class="form-control searchInputStyle handlePeopleVal" />
							<span class="btnStyle " id="abnormalsearchBtn">搜索</span>
						</div>

            <div class="tableBox">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>设备编号</th>
                    <th>地点</th>
                    <th>安装场所</th>
                    <th>类型</th>
                    <th>上报时间</th>
                    <th>处理人</th>
                    <th>处理时间</th>
                    <th>处理结果</th>
                    <th>报警次数</th>
                  </tr>
                </thead>
                <tbody>
                  <!-- <tr>
                <th>编号</th>
                <th>设备名称</th>
                <th>地点</th>
                <th>所属单位</th>
                <th>类型</th>
                <th>上报时间</th>
                <th>处理人</th>
                <th>处理时间</th>
                <th>处理结果</th>
                <th>报警次数</th>
              </tr> -->

                </tbody>
              </table>
            </div>
					</div>
					<a href="javascript:;" class="cd-popup-close closeModal"></a>
					<!-- 分页 -->
					<div class="dailyPageBox pageBox" id="abnormalPageBox">
						<ul class="pagination" id="abnormalPage"></ul>
						<div class="pageJump">
							<span>跳转到</span>
							<input type="text" />
							<span>页</span>
							<button type="button" class="button btn btn-default">跳转</button>
						</div>
					</div>

				</div>
			</div>
			<!-- 报警管理-->
			<div class="cd-popup3 daily-alarm-popup" id="dailyAlarmModal">
				<div class="cd-popup-container3 manageModal">
					<div class="modal-top"></div>
					<div class="modal-title">报警管理</div>
					<div class="tableModal">
						<p>未处理报警信息:
							<span class="alarmSum">0</span>
            </p>
            <div class="tableBox">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>编号</th>
                    <th>设备名称</th>
                    <th>地点</th>
                    <th>安装场所</th>
                    <th>报警类型</th>
                    <th>所属组织</th>
                    <th>上报时间</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>

                </tbody>
              </table>
            </div>
					</div>
					<a href="javascript:;" class="cd-popup-close closeModal"></a>
					<!-- 分页 -->
					<div class="dailyPageBox pageBox" id="dailyAlarmPageBox">
						<ul class="pagination" id="dailyPage"></ul>
						<div class="pageJump">
							<span>跳转到</span>
							<input type="text" />
							<span>页</span>
							<button type="button" class="button btn btn-default">跳转</button>
						</div>
					</div>

				</div>
			</div>
			<!-- 报警管理处理确认模态框  -->
			<div class="cd-popup3 sure-pop alarmHandle-pop alarmHandleIgnore">
				<div class="cd-popup-container3 sureModalStyle">
					<div class="mb24" style="width:100%;">
						<p>是否处理？</p>
					</div>
					<div class="btnBox">
						<button class="btn btn-primary sureBtnStyle alarmHandleBtn" type="button">确定</button>
						<button class="btn btn-primary sureBtnStyle close-pop" type="button">取消</button>
					</div>
					<a class="cd-popup-close close-pop" href="javascript:;"></a>
				</div>
			</div>
			<!-- 报警管理忽略确认模态框  -->
			<div class="cd-popup3 sure-pop alarmIgnore-pop alarmHandleIgnore">
				<div class="cd-popup-container3 sureModalStyle">
					<div class="mb24" style="width:100%;">
						<p>是否处理？</p>
					</div>
					<div class="btnBox">
						<button class="btn btn-primary sureBtnStyle alarmHandleBtn" type="button">确定</button>
						<button class="btn btn-primary sureBtnStyle close-pop" type="button">取消</button>
					</div>
					<a class="cd-popup-close close-pop" href="javascript:;"></a>
				</div>
			</div>

			<!-- historyNews -->
			<!-- 历史信息模态框 -->
			<div class="cd-popup3 historyNews-pop" id="historyNewsModal">
				<div class="cd-popup-container3 manageModal historyNewsStyle">
					<div class="modal-top"></div>
					<div class="modal-title">历史信息</div>
					<div class="tableModal">
						<p class="fl">历史报警处理数:
							<span class="historyNewsHandleNum">11</span>
						</p>
						<p class="fl untreatedAlarmText">未处理报警数:
							<span class="historyNewsUnHandleNum">11</span>
						</p>
						<!--  <div class="historyNewsSearchTimeBox">
				<span class="timeStyle">8月</span><span></span>
				
				<select class="form-control my-form-control timeStyle">
				    <option alarmtype="all" time="time1" class="select" selected>8月</option>
				    <option time="3">7月</option>
				    <option time="2">6月</option>
				</select>
			</div> -->
						<div>
							<!-- 处理结果:<input type="text" class="form-control searchInputStyle" style="width: 100px;"/> -->
						</div>

						<div class="fl searchHisBox">
							<!-- 处理结果:<input type="text" class="form-control searchInputStyle mr10" style="width: 100px;"/> -->
							<!-- -------------TODO-------------------- -->
							<span class=""> 报警类型:</span>
							<select class="form-control my-form-control alarmReasonsVal none">
								<option alarmTypeCode="001" class="select">全部</option>
								<option alarmTypeCode="001">烟雾报警</option>
								<!-- <option alarmReasons="粉尘">粉尘</option>
				    <option alarmReasons="炊烟">炊烟</option>
				    <option alarmReasons="吸烟">吸烟</option>
				    <option alarmReasons="其他">其他</option> -->
							</select>
							时间:
							<input type="text" class="form-control searchInputStyle date startTImeVal" data-provide="datepicker" style="width: 124px;"
							/> 至
							<input type="text" class="form-control searchInputStyle date endTimeVal" data-provide="datepicker" style="width: 124px;"
							/>
							<span class="btnStyle " id="historyNewssearchBtn">搜索</span>
            </div>
            <div class="tableBox">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>编号</th>
                    <th>设备编号</th>
                    <th>地点</th>
                    <th>安装场所</th>
                    <th>报警类型</th>
                    <th>所属组织</th>
                    <th>上报时间</th>
                    <th>处理人</th>
										<th>报警原因</th>
										<th>操作</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
					</div>
					<a href="javascript:;" class="cd-popup-close closeModal"></a>
					<!-- 分页 -->
					<div class="dailyPageBox pageBox" id="historyNewsPageBox">
						<ul class="pagination" id="historyNewsPage"></ul>
						<div class="pageJump">
							<span>跳转到</span>
							<input type="text" />
							<span>页</span>
							<button type="button" class="button btn btn-default">跳转</button>
						</div>
					</div>

				</div>
			</div>


		</div>

	</div>
</body>

</html>
<!-- 报警管理模态框 -->